<template>
    <div id="body">
        <div>
            <img :src="url" alt="">
        </div>
        <!-- {{ url }} -->
        <div>{{ title }}</div>
        <div>&gt;</div>
    </div>
</template>

<script setup>
const props = defineProps({
    url: {
        type: String,
        default: ''
    },
    title: {
        typeof: String,
        default: '电影'
    }
})
</script>

<style lang="scss" scoped>
#body {
    display: flex;
    font-size: 20px;
    background-color: #fff;
    height: 44px;
    justify-content: space-between;
    align-items: center;
    padding: 0px 4vw;
    border-bottom: 1px solid #F4F4F4;
    & img {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }
    &>:nth-child(2){
        flex: 1;
        font-size: 14px;
        margin-left: 8px;
    }
    &>:last-child{
        color: #CDCFD3;
    }
}
</style>